<%@ include file="../header.jsp"%>


<%@page import="cl.mt.dto.DTOVehiculo"%>
<%@page import="cl.mt.util.Utiles"%>
<%@page import="cl.mt.proxy.ProxyTipoPlataforma"%>
<%@page import="java.util.Collection"%>
<%@page import="cl.mt.dto.DTOTipoPlataforma"%>
<%@page import="cl.mt.proxy.ProxyTipoVehiculo"%>
<%@page import="cl.mt.dto.DTOTipoVehiculo"%>
<%@page import="cl.mt.proxy.ProxyTipoUnidad"%>
<%@page import="cl.mt.dto.DTOTipoUnidad"%>
<%@page import="cl.mt.dto.DTOOfertaVehiculo"%>
<%@page import="java.util.List"%>
<%@page import="cl.mt.dto.DTORemolque"%>
<%@page import="cl.mt.dto.DTOTipoMoneda"%>
<%@page import="cl.mt.proxy.ProxyTipoMoneda"%>
<%@page import="cl.mt.dto.DTOPostulacion"%>
<%@page import="cl.mt.proxy.ProxyPais"%>
<%@page import="cl.mt.dto.DTOPais"%>
<%@page import="cl.mt.proxy.ProxyRegion"%>
<%@page import="cl.mt.dto.DTORegion"%>
<%@page import="cl.mt.proxy.ProxyCiudad"%>
<%@page import="cl.mt.dto.DTOCiudad"%>

	
<jsp:include page="../divHeader.jsp" />
<jsp:include page="../navigation_logo.jsp" />
<jsp:include page="../menu_usuarios.jsp" />


<!-- ---------------------------------------------------------------------------------------------- -->
<%
DTOOfertaVehiculo dtoPublica = (DTOOfertaVehiculo) request.getAttribute("DatoPublicacion");
if ( dtoPublica == null )
	dtoPublica = new DTOOfertaVehiculo();

DTOVehiculo dtoVehiculo = (DTOVehiculo) request.getAttribute("DatoVehiculo");
if ( dtoVehiculo == null )
	dtoVehiculo = new DTOVehiculo();

List<DTOVehiculo> listaVehiculo  = (List<DTOVehiculo>) request.getAttribute("ListaVehiculos");
String jsLista = "";
for (java.util.Iterator<DTOVehiculo> it=listaVehiculo.iterator(); it.hasNext(); ) {
	DTOVehiculo dto = it.next();
	jsLista += "VEHI[VEHI.length] = '" + dto.getId() + "#" + dto.getPatente() + "';\n";
}

List<DTORemolque> listaRemolque = (List<DTORemolque>) request.getAttribute("ListaRemolques");
for (java.util.Iterator<DTORemolque> it=listaRemolque.iterator(); it.hasNext(); ) {
	DTORemolque dto = it.next();
	jsLista += "REMO[REMO.length] = '" + dto.getId() + "#" + dto.getPatente() + "';\n";
}

ProxyTipoUnidad  proxyTipoUnidad= ProxyTipoUnidad.getInstance();
Collection<DTOTipoUnidad> colTipoUnid = proxyTipoUnidad.getLista();

String jsListaUnid = "";
for (java.util.Iterator<DTOTipoUnidad> it=colTipoUnid.iterator(); it.hasNext(); ) {
	DTOTipoUnidad dto = it.next();
	jsListaUnid += "TIPOUNI[TIPOUNI.length] = '" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}

ProxyTipoMoneda  proxyTipoMoneda= ProxyTipoMoneda.getInstance();
Collection<DTOTipoMoneda> colTipoMone= proxyTipoMoneda.getLista();
for (java.util.Iterator<DTOTipoMoneda> it=colTipoMone.iterator(); it.hasNext(); ) {
	DTOTipoMoneda dto = it.next();
	jsListaUnid += "TIPOMONE[TIPOMONE.length] = '" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}

String jsListaPais = "";
ProxyPais  proxyPais = ProxyPais.getInstance();
Collection<DTOPais> colPais = proxyPais.getLista();
for (java.util.Iterator<DTOPais> it=colPais.iterator(); it.hasNext(); ) {
	DTOPais dto = it.next();
	jsListaPais += "PAIS[PAIS.length] = '" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}

ProxyRegion proxyRegion = ProxyRegion.getInstance();
Collection<DTORegion> colRegion= proxyRegion.getLista();
for (java.util.Iterator<DTORegion> it=colRegion.iterator(); it.hasNext(); ) {
	DTORegion dto = it.next();
	jsListaPais += "REGI[REGI.length] = '" + dto.getIdPais() + "#" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}
ProxyCiudad proxyCiudad  = ProxyCiudad.getInstance();
Collection<DTOCiudad> colCiudad= proxyCiudad.getLista();
for (java.util.Iterator<DTOCiudad> it=colCiudad.iterator(); it.hasNext(); ) {
	DTOCiudad dto = it.next();
	jsListaPais += "COMU[COMU.length] = '" + dto.getIdRegion() + "#" + dto.getId() + "#" + dto.getDescripcion() + "';\n";
}


%>
<div class="titulo">Mis Postulaciones a Ofertas de Carga</div>
<div class="banner_columna"></div>
<div class="content">
<div class="content">
<script language="JavaScript">
<!--
var PAIS = new Array();
var REGI = new Array();
var COMU = new Array();
<%= jsListaPais %>
var VEHI = new Array();
var REMO = new Array();
<%= jsLista %>;

var TIPOUNI = new Array();
var TIPOMONE = new Array();
<%= jsListaUnid %>

function cargaPais(forma, tipo, idPais, idRegion, idComuna) {
	if ( tipo=="Origen" )
		changeComboInicial( forma.idPaisOrigen, PAIS, idPais);
	else 
		changeComboInicial( forma.idPaisDestino, PAIS, idPais);
	cargaRegion(forma, tipo, idPais, idRegion, idComuna);	
}

function cargaRegion(forma, tipo, idPais, idRegion, idComuna) {
	if ( tipo=="Origen" )
		changeCombos( forma.idPaisOrigen, forma.idRegionOrigen, REGI, idRegion);
	else 
		changeCombos( forma.idPaisDestino, forma.idRegionDestino, REGI, idRegion);
	cargaComuna(forma, tipo, idRegion, idComuna);	
}
function cargaComuna(forma, tipo, idRegion, idComuna) {
	if ( tipo=="Origen" )
		changeCombos( forma.idRegionOrigen, forma.idComunaOrigen, COMU, idComuna);
	else 
		changeCombos( forma.idRegionDestino, forma.idComunaDestino, COMU, idComuna);
}

function cargaTipoUnidad(forma, idTipoUnidad) {
	changeComboInicial( forma.idUnidadCarga, TIPOUNI, idTipoUnidad);	
}
function cargaVehiculo(forma, idVehiculo) {
	changeComboInicial( forma.idVehiculo, VEHI, idVehiculo);
}
function cargaRemolque(forma, idRemolque) {
	changeComboInicial( forma.idRemolque, REMO, idRemolque);
}

function cargaTipoMoneda(forma, idTipoMoneda) {
	changeComboInicial( forma.idTipoMoneda, TIPOMONE, idTipoMoneda);
	
}


//-->
</script>

<form method="post" name="forma" action="PublicacionVehiculo.do">
<input type="hidden" name="accion" value="crear">
<input type="hidden" name="idPublicacion" value="<%= Utiles.sinNull(dtoPublica.getId(), "") %>" >

<fieldset><legend><b>Datos del Veh&iacute;culo</b></legend>
<table width="100%">
<tbody>
	<tr>
	<td>
		<table>
		<tbody>
		<tr>
			<td class="col1">Veh&iacute;culo<span class="requerido"> *</span></td>
			<td class="col3"><select name="idVehiculo">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr> 
		<tr>
			<td class="col1">Remolque</td>
			<td class="col3"><select name="idRemolque">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Detalle Veh&iacute;culo</td>
			<td class="col3"><textarea name="observacion" rows="5" cols="10"><%= Utiles.sinNull(dtoPublica.getComentario(), "") %></textarea></td>
		</tr>
		<tr>
			<td>Fecha Desde<span class="requerido"> *</span></td>
			<td><input id="fechaDesde"
				name="fechaDesde" type="text" readonly="readonly" value=""> <img
				src="${pageContext.request.contextPath}/images/calendar.gif"
				alt="" width="13" height="12"
				onclick="displayCalendar(document.forma.fechaDesde,'dd/mm/yyyy', this)" />
			</td>
		</tr>
		<tr>
			<td>Fecha Hasta<span class="requerido"> *</span></td>
			<td><input id="fechaHasta"
				name="fechaHasta" type="text" readonly="readonly" value="">
			<img src="${pageContext.request.contextPath}/images/calendar.gif"
				alt="" width="13" height="12"
				onclick="displayCalendar(document.forma.fechaHasta,'dd/mm/yyyy', this)" />

			</td>
		</tr>
		</tbody>
	<script language="JavaScript">
	cargaVehiculo(document.forma, '<%= dtoPublica.getIdVehiculo() %>');
	cargaRemolque(document.forma, '<%= dtoPublica.getIdRemolque() %>');
	</script>
	</table>
</td>
</tr>
</tbody>
</table>
</fieldset>

<fieldset><legend><b>Origen del Veh&iacute;culo</b></legend>
<table width="100%">
<tbody>
	<tr>
	<td>
		<table>
		<tbody>
		<tr>
			<td class="col1">Pa&iacute;s<span class="requerido"> *</span></td>
			<td class="col3"><select name="idPaisOrigen" onChange="cargaRegion(this.form, 'Origen', '', '', '')">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Regi&oacute;n<span class="requerido"> *</span></td>
			<td class="col3"><select name="idRegionOrigen" onChange="cargaComuna(this.form, 'Origen', '', '', '')">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Comuna<span class="requerido"> *</span></td>
			<td class="col3"><select name="idComunaOrigen">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
	</tbody>
	</table>
</td>
</tr>
</tbody>
</table>

</fieldset>
<fieldset><legend><b>Destino del Veh&iacute;culo</b></legend>
<table width="100%">
<tbody>
	<tr>
	<td>
		<table>
		<tbody>
		<tr>
			<td class="col1">Pa&iacute;s<span class="requerido"> *</span></td>
			<td class="col3"><select name="idPaisDestino" onChange="cargaRegion(this.form, 'Destino', '', '', '')">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Regi&oacute;n<span class="requerido"> *</span></td>
			<td class="col3"><select name="idRegionDestino" onChange="cargaComuna(this.form, 'Destino', '', '', '')">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Comuna<span class="requerido"> *</span></td>
			<td class="col3"><select name="idComunaDestino">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
	</tbody>
	<script language="JavaScript">
	cargaPais(document.forma, 'Origen', '<%= dtoPublica.getIdPaisOrigen() %>','<%= dtoPublica.getIdRegionOrigen() %>','<%= dtoPublica.getIdCiudadOrigen() %>');
	cargaPais(document.forma, 'Destino', '<%= dtoPublica.getIdPaisDestino() %>','<%= dtoPublica.getIdRegionDestino() %>','<%= dtoPublica.getIdCiudadDestino() %>');
	</script>
	</table>
</td>
</tr>
</tbody>
</table>
</fieldset>
<br>
<fieldset><legend><b>&nbsp;</b></legend>
<table width="100%">
<tbody>
	<tr>
	<td>
		<table>
		<tbody>
		<tr>
			<td class="col1">Tipo Moneda<span class="requerido"> *</span></td>
			<td class="col3"><select name="idTipoMoneda">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
		<tr>
			<td class="col1">Unidad de Carga<span class="requerido"> *</span></td>
			<td class="col3"><select name="idUnidadCarga">
				<option value="">SELECCIONE</option>
			</select></td>
		</tr>
	</tbody>
	<script language="JavaScript">
		cargaTipoMoneda(document.forma, '<%= Utiles.sinNull(dtoPublica.getIdTipoMoneda(), "") %>');
		cargaTipoUnidad(document.forma, '<%= Utiles.sinNull(dtoPublica.getIdTipoUnidad(), "") %>');
	</script>
	</table>
</td>
</tr>
</tbody>
</table>
</fieldset>

(*) Campos requeridos
<table class="botones" width="100%"> 
<tbody> 
<tr>
<td><input type="image" onClick="publicarVehiculo(this.form); return false;" src="imagenes/btnGuardar.gif" title="Aceptar" />
<input  type="image" onClick="cancelarPublicacionVehiculo(this.form); return false;"  src="imagenes/btnCancelar.gif" title="Cancelar" /></td> 
</tr> 
</tbody> 
</table> 


</form>
<!-- ---------------------------------------------------------------------------------------------- -->

<jsp:include page="../footer.jsp" />

